嗨。簡介一下自己接下來的文章。

順帶一提我的心歷路程
這是我第一次參賽，心情一直很忐忑，爬了一些歷屆文，也查了很多資料，挺眼花撩亂的，所以我萌生了一步一步來的想法。

文章目標

從建立基礎開始，如何製作網頁，美化網頁外觀，獨自建立。

接著進入正題>>>

網頁的組成

建置一個網頁的流程可以淺分成五個部分
1.蒐集資料、規劃架構
蒐集建置網站的相關資料
鎖定網站的功能、目的、還有主要族群，根據這些去規劃網站的呈現方式，包括設計與網站主題相關的文字圖形或是 聲音影像
2.網頁製作
根據蒐集的資料，開始理論實踐
3.測試、修改
開始測試、針對錯誤debug
4.上傳、推廣
正式呈現，以及宣傳
5.更新
當有新的資料時網站如何進行更新

蒐集資料

現在的網頁可以分為三種。
第一種是最早的PC網站，是針對PC(Personal Computer)的專屬網站。再來是行動網站，顧名思義是屬於行動裝置的開發。假設一家公司只設計了PC版，那為了適應智慧手機的世代，再製作一版行動版，那兩個網頁之間會產生搜尋順序問題，而且無法正確判斷使用者瀏覽裝置選擇相對版本。為了解決這個問題出現了新的整合版，響應式網頁設計(RWD，Responsive Web Design)，可以根據瀏覽器的寬度及方向自行調整網頁的版面配置，只需要設計一種網站配置。

接下來是常常聽到的前端後端。
前端是指與使用者接觸的部分，像是網頁的架構還有瀏覽動線，而後端是撰寫所需的功能，前端的瀏覽動線是從後端支持的，還有功能的輸出。

那接下來的30天挑戰，我主要選擇使用的開發工具是最常見的HTML、CSS和JavaScript。

目錄

HTML

從0開始爬HTML - 介紹&Head
從0開始爬HTML - 文字元素
從0開始爬HTML - 文章、項目符號、超連結
從0開始爬HTML - 圖片、表格、影片
從0開始爬HTML - 音訊、物件、浮動框架、自動導向
從0開始爬HTML - 表單1.0
從0開始爬HTML - 表單2.0
從0開始 - HTML網頁頁面、介紹CSS

CSS

從0開始爬 - CSS小入門
從0開始爬CSS - 字型、文字、清單
從0開始爬CSS - 顏色、圖片背景
從0開始爬CSS - 顏色漸層&Box Model
從0開始爬CSS - 表格欄位
從0開始爬CSS - 框線、寬高、定位方式
從0開始爬CSS - 變形啦
從0開始爬CSS - 3D變形
從0開始爬CSS - 轉場、鼠標形狀、媒體查詢

JS

從0開始爬 - JavaScript
從0開始爬 - JavaScript小白筆記
從0開始 - JS小白
從0開始爬 - 流程控制
從0開始爬 - 迴圈和一點點的物件導向
從0開始爬 - window物件
從0開始爬 - JS事件

實作

從0開始 - 實作(1)、補充<div>、<span>
從0開始爬 - 實作(2)
從0開始爬 - 實作(3)、補充<figure>
從0開始爬 - 實作(4)